<template>
	<view class="">
		<view class=" ">
			<view class="bg-white">
				<view class="banmi_info_view">
					<view class="bm_view">软件名称:</view>
					<text class="bm_text">怎快后台管理系统</text>
				</view>
				<view class="banmi_info_view">
					<view class="bm_view">软件版本:</view>
					<text class="bm_text">V{{info.system_version}}</text>
				</view>
				<view class="banmi_info_view">
					<view class="bm_view">服务器系统:</view>
					<text class="bm_text  ">{{info.uname}}</text>
				</view>
				<view class="banmi_info_view">
					<view class="bm_view">服务器软件:</view>
					<text class="bm_text">{{info.sOFTWARE}}</text>
				</view>
				<view class="banmi_info_view">
					<view class="bm_view">服务器系统:</view>
					<text class="bm_text">{{info.php}}</text>
				</view>
				<view class="banmi_info_view">
					<view class="bm_view">服务器MySQL版本:</view>
					<text class="bm_text">{{info.mysql_version}}</text>
				</view>
				<view class="banmi_info_view">
					<view class="bm_view">上传许可:</view>
					<text class="bm_text">{{info.max_upload}}</text>
				</view>
				<view class="banmi_info_view">
					<view class="bm_view">站点网址:</view>
					<text class="bm_text">{{info.pc}}</text>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: {}
			}
		},
		onLoad() {
			this.init();
		},
		methods: {
			async init() {
				const ret = await this.Banmikeji.info_ajax({});
				
				this.info = ret.data.info
				uni.setStorage({
					key: 'system_version',
					data: this.info.system_version
				});
				uni.setStorage({
					key: 'pc_web',
					data: this.info.pc
				});
			},
		}
	}
</script>

<style>
	.banmi_info_view {
		display: flex !important;
		display: -webkit-flex !important;
		display: -webkit-box;
		padding: 20px 20px;
		border-bottom: solid 1px #F6F6F6;

		.bm_view {
			font-size: 14px;
			color: #A9A9A9;
			width: 160px;
		}

		.bm_text {
			font-size: 14px;
			color: #333;
			flex: 1;
			width: 100%;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			overflow: hidden;
			lines: 1;
			text-overflow: ellipsis;
		}
	}
</style>